<div class="container-fluid container-fullw bg-white"  >
  <div class="row" ng-controller="knowledgebaseCtrl">
    <div>
      <div class="row">
        <div class="  col-md-3 col-sm-3  panel panel-light-grey" style="margin-left:4%">
          <h5 class="over-title margin-bottom-15"> <span class="text-bold" translate="sidebar.nav.knowledgebase.Classic">CI Manager</span></h5> 
          <div style="overflow:auto; height:450px"> 
          <div class="panel-body" >
            <div class="box-tree">
              <span ng-if="doing_async">...加载中...</span>
              <abn-tree tree-data="my_data" tree-control="my_tree" on-select="my_tree_handler(branch)" expand-level="2" icon-leaf="ti-file" icon-expand="ti-plus" icon-collapse="ti-minus"></abn-tree>
            </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 panel panel-light-grey " style="margin-left:5%">
          <div class="margin-bottom-30"> 
            <h5 class="over-title col-md-8">已选知识库分类</h5><button type="button" class="close" style="color:red" ng-click="reset()">清空</button>
          </div>
          <div style="overflow:auto; height:450px">
          <div class="wrapper"  >
            <div class="list-group unselectable">
              <div ng-repeat="item in outdata" row-select selected-indices="selectedItems" class="selectList list-group-item" ng-class="{selected: selectedItems.indexOf($index) > -1}">
                  {{item.name}} {{item.selected}}<i class="ti-close" style="float:right;" ng-click="remove(item)"></i>
              </div>
            </div>
            </div>
          </div>
          <!--  <h5 class="over-title margin-bottom-15">已选知识库分类</h5>
          <select multiple="multiple" ng-model="outdata"   class="form-control" style="height:268px" >
            <option ng-repeat="item in outdata"><a ng-click="classifyClick(event,item)">{{item.name}}</a></option>
          </select>
           <button type="button" class="close" ng-click="reset()">清空</button> -->
        </div>
        <div class="col-md-3 panel panel-light-grey " style="margin-left:5%">
          <h5 class="over-title margin-bottom-15">审核员</h5>
          <div style="overflow:auto; height:450px">
          <ui-select ng-model="approvalUser" theme="bootstrap" reset-search-input="true" search-enabled="true" append-to-body="true" on-select="addApprovalUser($item,$model);">
              <ui-select-match placeholder="请选择审核员...">{{$select.selected['name']}}</ui-select-match>
              <ui-select-choices repeat="option in approvalusers | filter: $select.search" refresh="filterUserData($select.search)" refresh-delay="0">
                <div ng-bind-html="option['name'] | highlight: $select.search"></div>
              </ui-select-choices>
          </ui-select>


          <!-- <ui-select ng-model="multipleDemo" theme="bootstrap" ng-disabled="disabled" close-on-select="false" >
              <ui-select-match placeholder="审核员">
                {{$item}}
              </ui-select-match>
              <ui-select-choices  repeat="color in availableColors">
                {{color}}
              </ui-select-choices>
          </ui-select> -->

          <div class="wrapper">
            <div class="list-group unselectable">
              <div ng-repeat="user in userdata" row-select selected-indices="selectedUsers" class="selectList list-group-item" ng-class="{selected: selectedUsers.indexOf($index) > -1}">
                  {{user.username}} {{user.selected}}<i class="ti-close" style="float:right;" ng-click="removeUser(user)"></i>
              </div>
            </div>
          </div>
        </div>
         
        <!-- <div class="form-group">
          <label>
            角色
          </label>
          <ui-select multiple ng-model="multipleDemo.colors" theme="bootstrap" ng-disabled="disabled" close-on-select="false">
            <ui-select-match  >
              {{output}}
            </ui-select-match>
            <ui-select-choices repeat="color in output">
              {{color}}
            </ui-select-choices>
          </ui-select>
        </div> -->
                 
      </div>
    </div>
    <div class="col-md-offset-8" style="margin-top:30px">
      <button class="btn btn-primary" ng-click="ok()" translate="modal.button.OK">OK</button>
      <button class="btn btn-primary btn-o" ng-click="cancel()" translate="modal.button.CANCEL">Cancel</button>
    </div>
  </div> 
</div> 
  
 